.canvas{
    min-height: 100%;
    // background-color: #fff;
    overflow: hidden; // 滚动发生在上一层
    padding: 0 10px;
}

.component-wrapper{
    margin: 12px;
    padding: 12px;
    border:1px solid #fff;
    border-radius: 3px;

    // &表示选中当前元素
    &:hover{
        border-color: #d9d9d9;
    }
}

.selected{
    border-color:#1890ff !important;
}

// 被锁定的样式
.locked{
    opacity: .5;
    cursor: not-allowed;
}

.component{
    pointer-events: none; // 屏蔽鼠标行为，组件不让被点击到
}
